<template>
  <div>
    <!-- 获取事件对象 -->
    <a href="https://www.baidu.com" @click="goto">百度一下</a>
    <a href="https://www.baidu.com" @click="goto2(3, $event)">百度一下</a>
  </div>
</template>
<script>
export default {
  // 事件处理函数中获取事件对象
  // 无参数是 直接通过形参e占位
  // 有参数是 需要手动传入vue固定的$event对象
  // 主要html和js 前后顺序一致 可以倒换
  methods: {
    goto(e) {
      console.log(e);
      e.preventDefault();
    },
    goto2(n, e) {
      console.log(e);
      e.preventDefault();
    },
  },
};
</script>
<style>
</style>
